<div class="content" layout-padding id="detail-employee">
    <h1>
        员工详情
    </h1>

    <md-list layout="column">
        <md-list-item layout="row">
            <label flex="15">员工名称:</label>
            <span ng-bind="Employee.Name"></span>
        </md-list-item>
        <md-list-item layout="row">
            <label flex="15">部门:</label>
            <span ng-bind="Employee.DepartmentId"></span>
        </md-list-item>
        <md-list-item layout="row">
            <label flex="15">员工密码:</label>
            <span ng-bind="Employee.Password"></span>
        </md-list-item>
        <md-list-item layout="row">
            <label flex="15">员工薪水:</label>
            <span>{{Employee.Salary|currency:"￥: ":2}}</span>
        </md-list-item>
        <md-list-item layout="row">
            <label flex="15">员工奖金:</label>
            <span>{{Employee.Reward|currency:"￥: ":2}}</span>
        </md-list-item>
        <md-list-item layout="row">
            <label flex="15">五险一金:</label>
            <span>{{Employee.Insurances|currency:"￥: ":2}}</span>
        </md-list-item>
        <md-list-item layout="row">
            <label flex="15">调整:</label>
            <span>{{Employee.Adjust|currency:"￥: ":2}}</span>
        </md-list-item>
        <md-list-item layout="row">
            <label flex="15">员工电话:</label>
            <span ng-bind="Employee.Phone"></span>
        </md-list-item>
        <md-list-item layout="row">
            <label flex="15">员工邮箱:</label>
            <span ng-bind="Employee.Email"></span>
        </md-list-item>
        <md-list-item layout="row">
            <label flex="15">员工描述:</label>
            <span ng-bind="Employee.Description"></span>
        </md-list-item>
    </md-list>

    <md-divider></md-divider>
    <h1>
        计算税率数据
    </h1>
    <div ng-if="loadding" class="loadding" layout="column" layout-align="center center">
        <md-progress-circular class="md-hue-3" md-mode="indeterminate" md-diameter="150"></md-progress-circular>
        <div>
            正在计算，请稍等
        </div>
    </div>
    <div layout="row" ng-if="!loadding">
        <h4 flex="">奖金</h4>
        <h4 flex="">工资</h4>
        <h4 flex="">税</h4>
        <h4 flex="">原税</h4>
        <h4 flex="">节省</h4>
    </div>
    <div layout="row" ng-repeat="item in result">
        <span flex="">{{item.Reward|currency:"￥: ":2}}</span>
        <span flex="">{{item.Salary|currency:"￥: ":2}}</span>
        <span flex="">{{item.Tax|currency:"￥: ":2}}</span>
        <span flex="">{{item.Actual|currency:"￥: ":2}}</span>
        <span flex="">{{item.Sub|currency:"￥: ":2}}</span>
    </div>
    <!--<div layout="row">-->
    <!--<div flex="50" class="chart-wapper">-->
    <!--<div class="chart-container">-->
    <!--<div ng-repeat="item in resultItem"-->
    <!--style="bottom:{{item.Salary*100/(item.Salary+item.Reward)}}%;left:{{item.Index*100/total}}%"-->
    <!--class="chart-red-dot"></div>-->
    <!--<div ng-repeat="item in resultItem"-->
    <!--style="bottom:{{item.Reward*100/(item.Salary+item.Reward)}}%;left:{{item.Index*100/total}}%"-->
    <!--class="chart-blue-dot"></div>-->
    <!--<div ng-repeat="item in resultItem"-->
    <!--style="bottom:{{item.Tax*100/(item.Salary+item.Reward)}}%;left:{{item.Index*100/total}}%"-->
    <!--class="chart-green-dot"></div>-->
    <!--</div>-->
    <!--</div>-->
    <!--<ul flex="50">-->
    <!--<li flex layout="row" style="margin-bottom: 15px">-->
    <!--<span flex>工资</span>-->
    <!--<span flex>奖金</span>-->
    <!--<span flex>税额</span>-->
    <!--</li>-->
    <!--<li layout="row" flex ng-repeat="item in resultItem" style="margin-bottom: 5px">-->
    <!--<span flex>{{item.Salary}}</span>-->
    <!--<span flex>{{item.Reward}}</span>-->
    <!--<span flex>{{item.Tax}}</span>-->
    <!--</li>-->
    <!--</ul>-->
    <!--</div>-->
</div>